<template>
  <div class="card py-[20px] px-[16px] bg-[var(--base-color)] rounded-[8px] relative">
    <FormTitle v-if="title" :title="title" />
    <slot />
  </div>
</template>

<script setup>
import FormTitle from "@/components/XForm/FormTitle.vue"
const props = defineProps({
  title: {
    type: String,
    default: "",
  },
})
</script>
<style lang="scss">
.card {
  & + .card {
    margin-top: 8px;
  }
}
</style>
